<script lang="ts" setup>
import { onMounted, reactive } from "vue";
import { useRouter, useRoute } from 'vue-router'
import { getOrderStatusMessge } from '@/utils/util'
import { ElMessage, ElMessageBox } from "element-plus";
const router = useRouter()
const route = useRoute()
const vdata = reactive({
    info: {}
})
onMounted(() => {
    // console.log(route.query)
    // vdata.goods = { ...route.query }
    /**
     * 在这里调获取消息的接口
     */
})

const submit = () => {
    ElMessageBox.alert('你的申请已提交，请等待审核', '提示', {
        // if you want to disable its autofocus
        // autofocus: false,
        confirmButtonText: '确认'
    })
}
</script>
<template>
    <div class="report_main">
        <div class="form_box">
            <el-form :model="vdata.info" label-width="auto">
                <el-form-item label="店铺名称">
                    <el-input v-model="vdata.info.name" />
                </el-form-item>
                <el-form-item label="店铺描述">
                    <el-input v-model="vdata.info.content" :rows="4" type="textarea" />
                </el-form-item>
                <el-form-item style="float: right;">
                    <el-button type="primary" @click="submit" style="width: 80px;">
                        提交
                    </el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.report_main {
    width: 800px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    padding-bottom: 40px;
}
</style>